<template>
	<view style="background-color: #f5f5f5;">
	<view class="top-box">
		<view class="top-box-item">每日打卡</view>
		<view class="top-box-item" style="margin-left: 1rem;">健康习惯</view>
	</view>
		<van-tabbar v-model="active">
		  <van-tabbar-item icon="home-o">跑步</van-tabbar-item>
		  <van-tabbar-item icon="search">记录</van-tabbar-item>
		  <van-tabbar-item icon="friends-o">个人中心</van-tabbar-item>
		</van-tabbar>
	</view>
	
</template>

<script>
	export default {
		data() {
			return {
				title: 'Hello'
			}
		},
		onLoad() {

		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.top-box{
		display: flex;
		justify-content: space-around;
		padding: 1rem;
		&-item{
			padding: 1.1rem;
			flex: 1;
			text-align: center;
			background-color: #fff;
			border-radius: 0.5rem;
			color: #22ac76;
		}
	}
</style>
